<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合作伙伴</title>
    <style>
        .content a{
            display: inline-block;
            width: 200px;
            height: 200px;
        }
        .content2 a{
            display: inline-block;
            width: 200px;
            height: 200px;
        }
        .content3 a{
            display: inline-block;
            width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>
<h1>底部合作伙伴</h1>
<hr>
<div class="content">
    <a href="#" style="background: url('./logo.jpg') no-repeat "></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat -280px 0 "></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat -550px 0 "></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat -850px 0 "></a>
</div>
<div class="content2">
    <a href="#" style="background: url('./logo.jpg') no-repeat  0 -230px"></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat  -250px -250px"></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat  -560px -260px"></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat  -850px -280px"></a>
</div>
<div class="content3">
    <a href="#" style="background: url('./logo.jpg') no-repeat  0 -570px"></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat  -240px -570px"></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat  -570px -570px"></a>
    <a href="#" style="background: url('./logo.jpg') no-repeat  -830px -570px"></a>
</div>

</body>
</html>